{% extends 'layout.html' %}
{% load staticfiles %}


{% block css %}
    <link rel="stylesheet" href="{% static 'ckeditor/ckeditor/plugins/codesnippet/lib/highlight/styles/dark.css' %}">
    <style>
        pre {
            padding: 0;
            margin: 0;
        }

        .question-title {
            padding: 10px 0;
            border-bottom: 1px solid rgb(238, 238, 238);
            font-size: 16px;
            color: rgb(33, 33, 33);
            font-weight: 600;
            line-height: 35px;
        }

        .question-summary {
            margin: 10px 5px;
            border-bottom: 1px solid rgb(238, 238, 238);
        }
    </style>
{% endblock %}

{% block content %}
    <div class="luffy-container">

        <div class="panel panel-default">
            <div class="panel-heading">
                <span style="font-weight: bold;">问题：</span> {{ question.title }}</div>
            <div class="panel-body">
                {{ question.question|safe }}
            </div>
        </div>


        <div class="panel panel-default">
            <div class="panel-heading">参考答案</div>
            <div class="panel-body">
                {{ question.answer|safe }}
            </div>
        </div>


    </div>

{% endblock %}

{% block js %}
    <script src="{% static 'ckeditor/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js' %}"></script>
    <script>hljs.initHighlightingOnLoad();</script>
{% endblock %}